<template>
  <view>
    <view class="yeimg">
      <image
        src="/static/imgs/ye.png"
        style="height: 180rpx; width: 180rpx"
      ></image>
      <view style="margin-top: 50rpx; margin-bottom: 50rpx">我的余额</view>
    </view>
    <!-- 余额 -->
    <view style="display: flex; justify-content: center; margin-top: 50rpx">
      <view style="font-size: 80rpx">￥0.00</view>
    </view>
    <view
      style="
        text-align: center;
        margin-top: 30rpx;
        font-size: 25rpx;
        color: red;
      "
      >余额明细</view
    >
    <button class="czbtn">充值</button>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="less">
.czbtn {
  margin: 200rpx;
  background-color: red;
  color: white;
  font-weight: bold;
}
.yeimg {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
</style>
